@charset 'utf-8';

@function getvw($w) {
  @return ($w / 750) * 100 + vw;
}

.header {
  height: getvw(130);
  margin: 0 getvw(23);
  display: flex;
  justify-content: space-between;
  align-items: center;
  a {
    width: getvw(123);
    height: getvw(57);
    color: #000;
    font-size: getvw(26);
    text-align: center;
    line-height: getvw(57);
    text-decoration: none;
    background-color: #fff;
    border: 1px solid #ff9344;
    border-radius: 10%;
  }
  h2 {
    font-size: getvw(28);
  }
  i {
   font-size: getvw(52);
    color: #ff9344;
  }
}
// 详细菜品介绍
.section {
  margin: 0 getvw(25) 0 getvw(25);
  img {
    width: 100%;
  }
  .sectionCnt {
    margin: getvw(25) getvw(20) getvw(50) getvw(20);
    display: flex;
    justify-content: space-between;
    p {
      font-size: getvw(60);
      color: #ff9344;
    }
    button {
      width: getvw(111);
      height: getvw(59);
      font-size: getvw(30);
      color: #fff;
      background-color: #ff9344;
      border: none;
      border-radius: getvw(20);
    }
  }
  .sectionFoot {
    margin: 0 getvw(20) 0 getvw(20);
    display: flex;
    justify-content: space-between;
    .sectionBf {
      display: flex;
      i {
        color: #ff9344;
        font-size: getvw(38);
        transform: translateY(-15%);
      }
      p {
        margin-left: getvw(10);
        font-size: getvw(30);
        span {
          color: #ff9344;
        }
      }
    }
    .sectionCf {
      color: #8e8e8e;
      font-size: getvw(26);
    }
  }
}
// 使用商户
.main {
  margin: getvw(40) getvw(40) getvw(110) getvw(40);

  .mainHead {
    width: 100%;
    padding: getvw(18) getvw(10);
    background-color: #ff9344;
    display: flex;
    justify-content: space-between;
    align-items: center;
    p {
      color: #fff;
      font-size: getvw(30);
    }
    i{
        color: #fff;
        font-size: getvw(30);
    }
  }
  .mainCnt {
    width: 100%;
    margin-top: getvw(10);
    display: flex;
    justify-content: space-between;
    .mainCntLeft {
      position: relative;
    }
    img {
      width: getvw(177);
    }
    p:nth-of-type(1) {
      width: 100%;
      font-size: getvw(24);
      text-align: center;
      padding: getvw(8) 0;
      position: absolute;
      bottom: getvw(50);
      background-color: #fff;
      opacity: 0.6;
    }
    .mainCntCenter {
      align-self: center;
        a:nth-of-type(1) {
          font-size: getvw(30);
          color: #000;
          text-decoration: none;
          display: inline-block;
          margin-bottom: getvw(10);
        }
        div{
          i{
            color: #ff9344;
            font-size: getvw(36);
        }
        span{
            color: #929292;
           font-size: getvw(26); 
        }
        }
        .mainCntCentera{
          padding: getvw(8) 0;
            font-size: getvw(24);
            color: #929292;
        }
        a:nth-of-type(2) {
            font-size: getvw(20);
            color: #ff9344;
            text-decoration: none;
          }
      }
  }
 .mainRight{
    align-self: center;
   button{
    color: #fff;
    font-size: getvw(30);
    background-color: #ff9344;
    padding: getvw(13) getvw(28);
    border: none;
    border-radius: getvw(20);
   }
    
 }
}
